import React, { Component } from 'react'

import CompanyAngle from '../service/angle.company'
import MainContainer from '../service/main.container'
import Rongzixiangqing from '../service/rongzixiangqing'
import PlatformData from '../service/platform.data'
import Touzijigou from '../service/carousel.touzijigou'
import Ruzhuqiye from '../service/carousel.ruzhuqiye'
import Shangshiqiye from '../service/carousel.shangshiqiye'
import Congyegoucheng from '../service/line.congyegoucheng'
import Zhuanyipingtai from '../service/zhuanyipingtai'
import Jiaoyizhongxin from '../service/Jiaoyizhongxin'
import IncomeStatics from '../service/income.statics'

import { mainHeader } from '../component/utils'

import '../sass/layout.scss'

class MainLayout extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    let header = mainHeader()
    return (
      <main>
        {header}
        <div className="side-container">
          <CompanyAngle />
          <PlatformData />
        </div>
        <div className="main-container">
          <MainContainer />
          <Zhuanyipingtai />
          <Jiaoyizhongxin />
          <IncomeStatics />
        </div>
        <div className="side-container">
          <Rongzixiangqing />
          <Touzijigou />
          <Ruzhuqiye />
          <Shangshiqiye />
          <Congyegoucheng />
        </div>
      </main>
    )
  }
}

export default MainLayout